<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<div class="m-l m-r pb10 table-responsive">
    <div   th:if="!${#maps.isEmpty(dataMap)} or !${#lists.isEmpty(dataMap['list'])}" class="bs-example" data-example-id="media-list">
        <ul class="media-list">
            <li class="media" th:each="reply : ${dataMap['list']}">
                <hr>
                <div class="media-left">
                    <a href="#">
                        <img class="media-object lazy" th:attrappend="data-original=${reply['user']['avatar']}"  style="width: 34px; height: 34px;"  data-holder-rendered="true">
                    </a>
                </div>
                <div class="media-body" th:id="'reply_'+${reply['id']}">
                    <h4 class="media-heading clearfix">
                        <aside class="pull-right m-r-lg" th:if="${reply['status']}==1">
                            <a href="javascript:void(0)" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="top" th:attrappend="data-id=${reply['id']}" data-original-title="删除"><i class="fa fa-trash"></i> </a>
                        </aside>
                        <aside class="pull-right m-r-lg" th:if="${reply['leafCount']}>5">
                            <a href="javascript:void(0)" class="c-master fs14 ml5 allReply" data-toggle="tooltip" th:attrappend="data-id=${reply['id']}"  data-placement="top" data-original-title="">查看全部 </a>
                        </aside>
                        <span th:text="${reply['user']['nickname']}">回复者名称</span>
                        <small class="fs12 ml10 c-999" th:text="${#strings.substring(reply['createTime'],0,16)}">2018-02-22 11:22</small>
                    </h4>
                    <div>
                        <p th:id="'content_'+${reply['id']}" th:utext="${reply['content']}"></p>
                    </div>
                        <th:block th:each="leaf,index : ${reply['leafList']}">
                            <div class="media" th:classappend="'reply_'+${reply['id']}">
                                <div class="media-left">
                                    <a href="#">
                                        <img class="media-object lazy"  th:attrappend="data-original=${reply['user']['avatar']}"  style="width: 34px; height: 34px;"  data-holder-rendered="true">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <aside class="pull-right m-r-lg" th:if="${leaf['status']}==1">
                                        <a href="javascript:void(0)" class="c-master fs14 ml5" data-toggle="tooltip" th:attrappend="data-id=${leaf['id']}" data-placement="top" data-original-title="删除"><i class="fa fa-trash"></i> </a>
                                    </aside>
                                    <span class="c-master"  th:text="${leaf['user']['nickname']}">回复者名称</span>
                                    <th:block th:if="${leaf['targetUser']}!=null and ${leaf['targetId'] }!= ${leaf['rootId']}">
                                        <span class="c-master">@</span>
                                        <span class="c-master" th:text="${leaf['targetUser']['nickname']}">回复者名称</span>
                                    </th:block>

                                    <small class="fs12 ml10 c-999" th:text="${#strings.substring(reply['createTime'],0,16)}">2018-02-22 11:22</small>
                                    <div>
                                        <p  th:id="'content_'+${leaf['id']}" th:utext="${leaf['content']}"></p>
                                    </div>
                                </div>
                            </div>
                        </th:block>
                </div>

            </li>
        </ul>
    </div>

    <th:block th:if="${#maps.isEmpty(dataMap)} or ${#lists.isEmpty(dataMap['list'])}">
        <div class="noDataTipsBox">
            <p><span class="c-4e fs16">还没有话题回复~~~</span></p>
        </div>
    </th:block>
</div>

    <!-- 分页，开始 -->
    <div data-th-replace="layout/adminPage"></div>
    <!-- 分页，结束 -->
</div>

</html>
